import {useState} from 'react'
import { useHistory } from 'react-router-dom'
import { useDispatch } from 'react-redux'
import { Input,Button,Tabs,List,Switch } from 'antd-mobile/2x'
import Mock from 'mockjs'


let abc= Mock.mock('@csentence(12)')
let f= Mock.mock('@csentence(4)')
let d= Mock.mock('@image(345x200)')
let y= Mock.mock('@image(150x70)')
let t= Mock.mock('@string("number", 1,2)')
let g= Mock.mock('@string("number", 1,3)')
let dd= Mock.mock('@image(105x90)')
let ddd= Mock.mock('@image(165x90)')



const Zhibo=()=>{
    // const [key,setKey]=useState(1)
     return(
         <>
         <div className='zhibo'></div>
        <div className='neirong'>

            <List>
            <div className='aaa'>
                <div className='bbb'>
                    <div className='b'>
                        {f}
                    </div>
                </div>
                <div className='yi'>
                    <div className='tu3'>
                        <img src={y} />
                    </div>
                    <div className='zi'>
                        <div className='a'>
                            {abc}
                        </div>
                        <button className='yuyue'>预约</button>
                    </div>
                   
                </div>
                    
                    {/* <div className='i'>{g}评</div> */}
                
               
                <br />
            </div>
        {/* --------------------------- */}
                <div className=' aaa'>
                    <div className='bbb'>

                        <div className='b'>
                            {f}
                        </div>
                        {/* <div className='c'>{t}小时前</div> */}
                        {/* <div className='i'>{g}评</div> */}
                    </div>
                    <div className='tu3'>
                        <img src={d} />
                    </div>
                    <div className='a'>
                        {abc}
                        </div>
                <br />
            </div>
        {/* --------------------------- */}
        <div className='aaa'>
                    <div className='bbb'>

                        <div className='b'>
                            {f}
                        </div>
                        {/* <div className='c'>{t}小时前</div> */}
                        {/* <div className='i'>{g}评</div> */}
                    </div>
                    <div className='tu3'>
                        <img src={dd} />
                        <img src={dd} />
                        <img src={dd} />
                    </div>

                <br />
            </div>
        {/* --------------------------- */}
        <div className='aaa'>
                    <div className='bbb'>

                        <div className='b'>
                            {f}
                        </div>
                        {/* <div className='c'>{t}小时前</div> */}
                        {/* <div className='i'>{g}评</div> */}
                    </div>
                    <div className='tu4'>
                        <img src={ddd} />
                        <img src={ddd} />
                        {/* <img src={ddd} /> */}
                    </div>

                <br />
            </div>
        {/* --------------------------- */}
            </List>

        </div>
        </>
     )
}
export default Zhibo;